<template>
  <div
    style="
      display: flex;
      padding: 1vh 1vw;
      margin-left: 20vw;
      width: 78vw;
      height: 98vh;
    "
  >

  <Flex gap="large" vertical>
      <Bubble :loading='textLoading' content="hello world !" />
      <Flex gap="large" wrap="wrap">
        Loading state:
        <Switch :checked={textLoading} />
      </Flex>
    </Flex>
  <Bubble :loading="textLoading" content="hello world !">

  </Bubble>
    123
  </div>
</template>

<script>
import { Bubble } from "ant-design-vue";

export default {
  components: { Bubble },
  data() {
    return {
        textLoading:true,
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style>
</style>